<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>使用 layDate 独立版</title>
    <link type="text/css" rel="stylesheet" href="/static/js/laydate/theme/default/laydate.css">
<!--    <link type="text/css" rel="stylesheet" href="/static/js/layui/css/layui.css" media="all">-->
    <style type="text/css">
        body{text-align: center}
    </style>
</head>
<body>
<div class="layui-inline" style="padding-right: 0px"> <!-- 注意：这一层元素并不是必须的 -->
    <input type="text" class="layui-input" id="test1" placeholder="选择时间">
    <button type="button" class="btn-primary" onclick="submitHandler()"><i
            class="fa-check"></i>确 定
    </button>
</div>
<div>
    <table>
        <thead>
        <tr>
            <td>编号</td>
            <td>姓名</td>
            <td>密码</td>
            <td>时间</td>
        </tr>
        </thead>
        <tbody>
        <tr th:each="info:${list}">
            <td th:text="${info.userId}"></td>
            <td th:text="${info.userName}"></td>
            <td th:text="${info.userPwd}"></td>
            <td th:text="${info.createTime}"></td>
        </tr>
        </tbody>

    </table>
</div>
<script type="text/javascript" src="/static/js/laydate/laydate.js"></script> <!-- 改成你的路径 -->
<!--<script type="text/javascript" src="/static/js/layui/layui.js"></script>-->
<script>
    //执行一个laydate实例
    laydate.render({
        elem: '#test1'//指定元素

    });
</script>

<!--<script>-->
<!--    layui.use('laydate', function(){-->
<!--        var laydate = layui.laydate;-->

<!--        //执行一个laydate实例-->
<!--        laydate.render({-->
<!--            elem: '#test1' //指定元素-->
<!--        });-->
<!--    });-->
<!--</script>-->

<script>
    function submitHandler(){

    }
</script>
</body>
</html>